<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			p {
				text-align: center;
				font-size: 50px;
				color: blue;
			}

		</style>
	</head>
	<body>
		<p id="time">0</p>
	</body>
</html>
<script>
	// 延迟定时器, 参数和用法和定时器一样
	// 延迟一段时间后执行回调, 执行完回调自动销毁, 如果在执行前销毁延迟定时器, 回调不再执行
	var timerId = setTimeout(function() {
		alert("歪哥666");
	}, 2000);

	// 销毁延迟定时器
	clearTimeout(timerId);


	// 获取元素
	// 使用延迟定时器实现定时器的效果
	var timeP = document.getElementById('time');
	function f() {
		timeP.innerHTML++;
		timer = setTimeout(f, 100);
		if (timeP.innerHTML == 60) {
			clearTimeout(timer);
		}
	}
	var timer = setTimeout(f, 100);

	// 作业: 当天代码敲一遍
	// 作业2: 总结之前的内容


	var a = 5;
	console.log(a);

	function test() {
		var b = 20;
		// console.log(b);
		return function f() {
			console.log(b);
		};
		// return f;
	}
	var t = test();
	t();
	t();
	t = null;





</script>
<script>
	console.log(a);



</script>